﻿jQuery(function($){
	var chart;
	$(document).ready(function () {
    	// Build the chart
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'dashboard-chart-pie',
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false,
				backgroundColor: null,
				style: {
					fontFamily: '"Tahoma", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif'
				}
            },
            title: {
                text: ''
            },
            tooltip: {
        	    pointFormat: '<b>{point.percentage}%</b>',
            	percentageDecimals: 1,
				style: {
					fontSize: '11px',
					padding: '5px',
					whiteSpace: 'nowrap'
				}
            },
            plotOptions: {
                pie: {
                    allowPointSelect: true,
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: false
                    },
                    showInLegend: true
                }
            },
			legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'bottom',
                x: 10,
                y: -35,
                floating: true,
                borderWidth: 0,
                backgroundColor: null,
                shadow: false
            },
            series: [{
                type: 'pie',
                name: 'Thong ke',
                data: [
                    ['Tam Nong',   45.0],
                    ['Vinh Linh',       26.8],
                    ['Đa Krông',    8.5],
                    ['Huong Hoa',     6.2]
                ]
            }],
			credits: {
				enabled: false
			}
        });
    });
});

